<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8";http-equiv="Content-Type" content="text/html">
		<title>Music</title>
		<link type="text/css" rel="stylesheet" href="recommend.css">
		<link type="text/css" rel="stylesheet" href="index.css">
		<link type="text/css" rel="stylesheet" href="playlist.css">
		<link href="startstopgallery.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
		<script type="text/javascript" src="js/startstop-slider.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div class="nav_topbar">
			    <div class="nav_topbar_cont">
			        <ul>
			        	<li><a href="#">我的主页</a></li>
			        <li><a href="#">个人中心</a>
			        		</li><li><a href="#">帮助中心</a></li>
			        </ul>
			        <a class="user_login" href="#"><em></em>用户登录<i class="arrow"></i></a>
					<div style="display:none;" class="user_login_box">
					    <p class="shadow_cover"></p>
					    <div class="user_login_inner">
					        <form class="signin_form"> 
					            <input class="ipt" type="text" value="用户名" name="log"> 
					            <input class="ipt" type="password" value="密码" name="pwd"> 
					            <input name="rememberme" id="rememberme" checked="checked" value="forever" type="checkbox">记住密码
					            <input class="login_btn" type="submit" name="submit" value="登录">
					        </form>
					        <p> 
					            <a href="#"><i class="sign"></i>注册</a> | 
					            <a href="#"><i class="lock"></i>忘记密码？</a>
					        </p>
					    </div>
					</div>
			    </div>
			</div>
		</div>
		<div id="headCont">
		    <div class="main_nav">
		        <div class="logo"><a href="#"><img src="images/logo.jpg" alt="logo"></a></div>
		        <div class="logoName">
		        	<a href="#"></a>
		        </div>
		        <ul class="navigation" id="main_nav">
					<li>
		            	<a href="index.html" class=""><span>音乐馆</span><span>音乐馆</span></a>
		            </li>
		            <li>
		            	<a href="recommend.html" class="on"><span>推荐</span><span>推荐</span></a>
		            </li>
					<li>
						<a href="playlist.html" class=""><span>分类歌单</span><span>分类歌单</span></a>
					</li>
		            <li>
		            	<a href="mv.html" class=""><span>MV</span><span>MV</span></a>
		            </li>
		            <li>
		            	<a href="my-music.html" class=""><span>我的音乐</span><span>我的音乐</span></a>
		            </li>	 
		        </ul>
		        <div class="user_info">
					<div class="user_photo"><a href="#"><img src="images/tx.jpg" width="40px"; hheight="40px";></a></div>
		            <a class="nikeName" href="#">£夕颜</a>
		            <a class="user_info_list" href="#"><span>34</span><span>歌单</span></a>
		            <a class="user_info_list" href="#"><span>8</span><span>收听</span></a>
		            <a class="user_info_list" href="#"><span>20</span><span>喜欢</span></a>
		        </div>
		    </div>
		</div>
	</div>
	<div id="wrapper">
		<div id="topbar">
		  <div id="slider">
			    <div id="mover">
				<div id="slide-1" class="slide">
					<h1>句号-G.E.M邓紫棋</h1>
					<p>《句号》整首歌充满了伤感和惋惜，该曲的歌词很有亮点，写出了邓紫棋的经历。歌词中有对她早期歌手生涯的回顾，“第一次发唱片，就一马当先，彼此在大场面，我不再站旁边”，也展现了遇到困境后内心的挣扎，“这些扭曲的真理 差点毁掉我的自信” 。该曲中，邓紫棋的创作一如狮子座的她个性直来直往，爱恨分明。整首歌词文字优美隐喻精准却又犀利无畏。邓紫棋的唱功千锤百炼，真假音转换自如，唇齿音独特分明，爆发力十足却又回转感人。 </p>
					<a href="#"><img src="images/tj-1.webp" width="400" height="240"/></a>
				</div>
				<div class="slide">
					<h1>papillon-王嘉尔</h1>
					<p>《Papillon》是一首融合了大量嘻哈元素的歌曲。在伴奏的乐器上，王嘉尔采用了节奏强烈的鼓点，与他独特的唱法相结合，听起来律动感强、力量感十足，而王嘉尔低沉性感的说唱则是整首歌的画龙点睛之笔。该曲是一次极具意义性的打破规则的行为，王嘉尔用创造无限可能的音乐精神为听众带来了一次前沿的嘻哈音乐体验。</p>
					<a href="#"><img src="images/tj-2.webp" alt="learn more" /></a>
				</div>
				<div class="slide">
					<h1>Look What You Make Me Do -Taylor Swift</h1>
					<p>《Look What You Made Me Do》有着暗黑格调，全曲的副歌部分通过口语演绎，以及标题短句组成，逐渐变化后，伴随着跳动的低音节奏一遍又一遍的重复。在歌曲中，泰勒·斯威夫特对于种种诋毁和流言，都直白地怼了回去，歌词内容怼遍了前男友和宿敌，甚至包括曾经的自己。此外，该歌曲也是泰勒·斯威夫特对流行音乐的延续，同时又继承了具有报复倾向的《Bad Blood》，它不似《Welcome to New York》《Shake It Off》那般梦幻、乐观，而是更倾向于噩梦般的复仇美学。</p>
					<a href="#"><img src="images/tj-3.webp" width="400" alt="learn more" /></a>
				</div>
				<div class="slide">
					<h1>这，就是爱-张杰</h1>
					<p>《这，就是爱》这首歌是张杰的代表作品。《这，就是爱》的歌词也特别邀请到作词人易家扬老师创作，用最简单的词汇生动构建宏图之爱，在张杰大气、细腻和柔情的演绎之下，爱的力量表现地淋漓尽致。首次听到Demo的工作人员都被歌中传达的情感而感动不已，不禁赞叹，这是一首最能代表爱的歌曲。</p>
					<a href="#"><img src="images/tj-4.webp" width="400" alt="learn more" /></a>
				</div>
				<div class="slide">
					<h1>SHEEP-张艺兴</h1>
					<p>《SHEEP》采用流行的Trap Hip-hop曲风，通过丰富的鼓点、电子乐器、synth来表现羊的收放自如与隐藏的兽性，是张艺兴对说唱音乐形式的一次强势挑战。该曲通过强烈的鼓点与旋律，打破大众对羊的传统认知，原来羊也可以拥有兽性，收放自如，不仅拘泥于温顺，更可以帅气野性，自由奔放，充满能量。</p>
					<a href="#"><img src="images/tj-5.png" width="400" alt="learn more" /></a>
				</div>
			    </div>
			</div>
		</div>
	</div>
	<div id="top">
		<h1 style="margin-left: 200px; top: 2px;">歌曲</h1>
	</div>
	<div id="promo">
	  <div id="p1">
		  <div style="width:60px;  margin-left: 30px;">
			  <img src="images/i1.png" alt="" width="48" height="82" />
		  </div>
	  <div style="width:195px; margin-left: 90px; margin-top: -90px;">
		  <span class="greytitle">每日音乐</span><br />1.Love Yourselfb（Live）<br /> 2.说爱你（Live）<br />3.金玉良缘<br />4.Dancing With Your Ghost<br />5.God Like（Live）<br />6.盖世英雄（Live|Remix）<br />7.危险派对<br />8.죽도록 사랑해 (Feat. Soul Dive)<br />
      </div>
	     <div style="width:60px; margin-left: 340px; margin-top: -215px;">
	     			  <img src="images/i2.png" alt="" width="60" height="82" />
	     </div>
		 <div style="width:195px; margin-left: 410px; margin-top: -86px;">
		 		  <span class="greytitle">新歌推荐</span><br />
		    1.Osina<br /> 2.晚风<br />3.Friendships (Lost My Love)<br />4.Feelings (Explicit)<br />5.Ghost<br />6.在惊涛骇浪里<br />7.Prospect (Explicit)<br />8.Bite Me (Clean)<br />
		 </div>
		 <div style="width:60px; margin-left: 640px; margin-top: -194px;">
		 			  <img src="images/i3.png" alt="" width="35" height="82" />
		 </div>
		 <div style="width:195px; margin-left: 700px; margin-top: -92px;">
		 		  <span class="greytitle">百万收藏</span><br />
		    1.Real Friends<br /> 2.再见<br />3.不如<br />4.归去来兮<br />5.清空<br />6.星辰不坠落<br />7.Apologize<br />8.白月光与朱砂痣<br />
		 </div>
	  </div>
	</div>
	<div id="top2">
		<h1 style="margin-left: 200px; top: 2px;">最佳歌手</h1>
	</div>
	 <div id="content">
	     <div id="left"><span class="greytitlebig" style="font-size: 16px;">The Most Popular Singers</span><br />
	        <img src="images/gs.webp" alt="" width="387" height="247" /><br />
	          <strong style="margin-left: 30px;">易烊千玺</strong><br />
	    易烊千玺，2000年11月28日生于湖南怀化，中国内地男演员、歌手、舞者，演唱组合TFBOYS成员，就读于中央戏剧学院,自编舞蹈《IF YOU》《RHYTHM TA》，创下爱奇艺生日会直播在线用户数据最高纪录,单曲《离骚》获得Billboard Radio China年度华语金曲,2018年，出席第60届格莱美奖颁奖典礼；担任《这！就是街舞》明星队长，带领其战队夺得第一季全国总冠军代表歌曲有《念想》、《你说》、《Fall》等等。
		  </div>
	      <div id="right"><span class="greytitle">Singers</span><br />
	        <br />
	        <img src="images/arrow.gif" alt="" width="11" height="13" /> <strong>华晨宇</strong><br />
	          成名曲——《卡西莫多的礼物 》 <br />
	    中国内地流行乐男歌手、作曲人，毕业于武汉音乐学院。代表作品有《追梦赤子心》、《国王与乞丐》和《Why nobody fights》等。 <br />
	      <br />
	      <img src="images/arrow.gif" alt="" width="11" height="13" /> <strong>鹿晗</strong><br />
	成名曲——《我们的明天》<br />中国内地流行乐男歌手、影视演员，以韩国男子组合EXO/EXO-M成员正式出道。代表作品有《勋章》、《超级冠军》、《诺言》等等。 <br />
	      <br />
	      <img src="images/arrow.gif" alt="" width="11" height="13" /> <strong>薛之谦</strong><br />
	成名曲——《认真的雪》<br />
	中国内地流行乐男歌手、音乐制作人、影视演员，毕业于格里昂酒店管理学院。代表作品有《你过得好吗》、《天外来物》和《尘》等。 </div>
	      </div>
	    <div id="footer">Copyright © Your Website.com.  All rights reserved. Privacy Policy.<br />
	   </div>
	</body>
</html>
